// 字体大小
@for $i from 6 through 20 {
  .font#{$i*2} {
    font-size: $i * 2 + px !important;
  }
}

// 字体位置
@each $align in left, center, right {
  .font-#{$align} {
    text-align: $align !important;
  }
}

// 常用宽度
@for $i from 4 through 220 {
  .ui-w#{$i*5} {
    width: $i * 5 + px !important;
  }
}
.ui-w {
  width: 100% !important;
}

// 常用margin
.ui-m0 {
  margin: 0 !important;
}
// 常用margin
@for $i from 0 through 6 {
  .ui-mt#{$i*5} {
    margin-top: $i * 5 + px !important;
  }
  .ui-mb#{$i*5} {
    margin-bottom: $i * 5 + px !important;
  }
  .ui-mr#{$i*5} {
    margin-right: $i * 5 + px !important;
  }
  .ui-ml#{$i*5} {
    margin-left: $i * 5 + px !important;
  }
}

// 常用padding
@for $i from 1 through 6 {
  .ui-pt#{$i*5} {
    padding-top: $i * 5 + px !important;
  }
  .ui-pb#{$i*5} {
    padding-bottom: $i * 5 + px !important;
  }
  .ui-pr#{$i*5} {
    padding-right: $i * 5 + px !important;
  }
  .ui-pl#{$i*5} {
    padding-left: $i * 5 + px !important;
  }
}
